<template>
    <div class="login_page">
        <div class="login_banner">
        </div>
        <div class="login_title">
            註冊成功
        </div>
        <div class="send_tips">
            {{ $t("login.activeemail1") }}
            {{ route.query.email }}
            {{ $t("login.activeemail2") }}

        </div>
        <div class="btn" @click="handleComfir">确 认</div>

    </div>
</template>

<script>

import { defineComponent, onMounted, ref, reactive } from "vue";
import { useRoute, useRouter } from "vue-router";
export default defineComponent({
    props: {},
    components: {},
    setup() {
        const router = useRouter()
        const route = useRoute()
        function handleComfir() {
            router.push('/login')
        }
        return {
            route,
            handleComfir
        };
    },
});
</script>

<style scoped lang="scss">
.login_page {
    .login_banner {
        width: 100%;
        height: 198px;
        background-image: url('../../assets/login.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
    }

    .login_title {
        margin: 17px;

        span {
            font-size: 24px;
        }
    }

    .send_tips {
        color: #666;
        font-family: Helvetica;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 16px;
    }

    .btn {
        margin: 0 16px;
        text-align: center;
        color: #FFF;
        font-family: Helvetica;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        background-color: var(--el-color-primary);
        border-radius: 50px;
        height: 40px;
        line-height: 40px;
        margin-top: 65px;
    }

}
</style>
